{% extends 'layout.html' %} {% block content %}
<div class="card-body">
  <p style="font-family: 华文仿宋; font-size: 15px; font-weight: 600">
    新建业务
  </p>
  <div>
    <form action="" method="post">
      {% csrf_token %}
      <input
        class="form-control"
        type="text"
        name="name"
        v-model="businessnameValue"
        @change="businessnameChange"
        placeholder="BusinessInfo Name ..."
        aria-label="default input example"
        style="
          font-family: 'Tw Cen MT', 华文仿宋;
          width: 700px;
          font-size: 14px;
        "
      />
      <input
        class="form-control"
        type="text"
        name="time"
        v-model="businesstimeValue"
        @change="businesstimeChange"
        placeholder="BusinessInfo Onboarding Time ..."
        aria-label="default input example"
        style="
          font-family: 'Tw Cen MT', 华文仿宋;
          width: 700px;
          font-size: 14px;
          margin-top: 20px;
        "
      />
      <input
        class="form-control"
        type="text"
        name="price"
        v-model="priceValue"
        @change="priceChange"
        placeholder="BusinessInfo Price ..."
        aria-label="default input example"
        style="
          font-family: 'Tw Cen MT', 华文仿宋;
          width: 700px;
          font-size: 14px;
          margin-top: 20px;
        "
      />
      <input
        class="form-control"
        type="text"
        name="customer"
        v-model="customerValue"
        @change="customerChange"
        placeholder="BusinessInfo Customer ..."
        aria-label="default input example"
        style="
          font-family: 'Tw Cen MT', 华文仿宋;
          width: 700px;
          font-size: 14px;
          margin-top: 20px;
        "
      />
      <input
        class="form-control"
        type="text"
        name="phone"
        v-model="phoneValue"
        @change="phoneChange"
        placeholder="BusinessInfo Phone ..."
        aria-label="default input example"
        style="
          font-family: 'Tw Cen MT', 华文仿宋;
          width: 700px;
          font-size: 14px;
          margin-top: 20px;
        "
      />
      <select
        class="form-select"
        aria-label="Default select example"
        name="level"
        style="
          width: 700px;
          font-family: 'Tw Cen MT', 华文仿宋;
          font-weight: 600;
          font-size: 14px;
          margin-top: 20px;
        "
      >
        <option value="1">普通</option>
        <option value="2">重要</option>
        <option value="3">紧急</option>
      </select>
      <select
        class="form-select"
        aria-label="Default select example"
        name="status"
        style="
          width: 700px;
          font-family: 'Tw Cen MT', 华文仿宋;
          font-weight: 600;
          font-size: 14px;
          margin-top: 20px;
        "
      >
        <option value="1">未开始</option>
        <option value="2">进行中</option>
        <option value="3">已完成</option>
      </select>
      <button
        type="submit"
        class="btn btn-primary mb-3"
        :disabled="this.businessNameValue === '' || this.businessTimeValue === '' || this.priceValue === '' || this.customerValue === '' || this.phoneValue === '' "
        style="
          margin-top: 20px;
          width: 70px;
          height: 32px;
          font-size: 13px;
          font-family: 华文宋体;
        "
      >
        保存
      </button>
    </form>
  </div>
</div>
{% endblock %}